
<script>
    $(function () {
        $(".show-btn").click(function(){
            $(this).css('display','none');
            $('.show-form').css({'display':'block','opacity':'1'});
        });
        $('.X').click(function(){
            $(".show-btn").css('display','block');
            $('.show-form').css({'display':'none','opacity':'0'});
        });
    })
</script>
<style>
	.a-upload {
		padding: 4px 10px;
		height: 30px;
		margin-bottom: 10px;
		line-height: 20px;
		position: relative;
		cursor: pointer;
		color: #888;
		font-size:12px;
		background: #fafafa;
		border: 1px solid #ddd;
		/*border-radius: 4px;*/
		overflow: hidden;
		display: inline-block;
		*display: inline;
		*zoom: 1
	}

	.a-upload  input {
		position: absolute;
		font-size: 100px;
		right: 0;
		top: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		cursor: pointer
	}

	.a-upload:hover {
		color: #444;
		background: #eee;
		border-color: #ccc;
		text-decoration: none
	}
</style>


<link rel="stylesheet" href="__STATIC__/css/formstyle.css">

<div class="float-form">
	<div class="show-btn" style="display: block;">
		<img src="__STATIC__/images/mail-icon.png">
		Connect with Us
	</div>
	<script type="text/javascript">

        function validate_required(field,alerttxt)

        {

            with (field)

            {

                if (value==null||value=="")

                {alert(alerttxt);return false}

                else {return true}

            }

        }



        function validate_form(thisform)

        {

            with (thisform)

            {

                if (validate_required(name,"Name is required.")==false)

                {name.focus();return false}

                if (validate_required(email,"Email is required.")==false)

                {email.focus();return false}

//                if (validate_required(phone,"Phone is required.")==false)
//
//                {phone.focus();return false}

                if (validate_required(comment,"Comment is required.")==false)

                {comment.focus();return false}

            }

        }

	</script>

	<div class="show-form" style="display: none; opacity: 0;">
		<div class="show_form_title">
		<span class="X">X</span>
			<h3>SECRET DOLL<b>Contact Us</b></h3>
		</div>
		<div class="show_form_content">
		<form id="emf-form" method="post" action="{:U('Home/Index/add_message')}" enctype="multipart/form-data"  onsubmit="return validate_form(this);">
			<div class="form-line01">

				<input type="text" id="name" name="name"  placeholder="Name">
			</div>
			<div class="form-line01">

				<input type="text" id="email" name="email"  placeholder="Email">
			</div>

			<div class="form-line01" style=" position: relative;">
				<select name="lx_type" id="lx_type" style="width: 100px; float: right; position: absolute;right:0;bottom:20px;" >
					<option value ="Facetime">Facetime</option>
					<option value ="Whatsapp">Whatsapp</option>
					<option value ="WeChat">WeChat</option>
				</select>
				<input type="text" id="lx_number" name="lx_number"  placeholder="No." >
			</div>
			<div class="form-line01">
				<textarea type="text" id="comment" name="content"  placeholder="Comment"></textarea>
			</div>
			<div class="form-line01">
				<a href="javascript:;" class="a-upload">
					<input type="file" name="file" id="file">upload files
				</a>
			</div>
			<div class="form-line01">
				<!--<input type="hidden" id="url" name="url" value="aHR0cDovL3d3dy5qdW5za3kuY29tLmNuL2p1bnNreS9pbmRleC5waHA=">-->
				<input id="form_submit" class="submitcontact" type="submit" value="SEND REQUEST">
			</div>
		</form></div>

	</div>
</div>



<div class="footer clearfix">
	<div class="col-sm-12 footRight clearfix">
		<div class="clearfix">
			
			<div class="col-sm-12 col-md-4">
				<b>Connect with Us:</b>
				If you have any questions,you can always contact us either by phone, mail or e-mail in one of our:
				<p>Tel: +86-760-87905952</p>
				<p>E-mail: <a href="mailto:service@secret-doll.com">service@secret-doll.com</a></p>
                
	<a href=""><img src="__STATIC__/images/facebook.png" width="25" style="margin-top:10px;"  /></a>&nbsp;
	<a href=""><img src="__STATIC__/images/youtube.png" width="25"  style="margin-top:10px;" /></a>
			</div>
            
            <div class="footTxt col-sm-12 col-md-7" style="float:right;">&copy; 2018 Secret-Doll.com Store. All Rights Reserved. <br />
            Images, exclusive images, video and text within this site strictly enforced Contents of this web site can not<br />
            be copied or reproduced without the written authorization of Secret-Doll.com
            </div>
		</div>
		
	</div>
</div>

<div class="footIco">
	<img src="__STATIC__/images/wl/footIco_1.jpg"  />
	<img src="__STATIC__/images/wl/footIco_2.jpg"  />
	<img src="__STATIC__/images/wl/footIco_3.jpg"  />
	<img src="__STATIC__/images/wl/footIco_4.jpg"  />
	<img src="__STATIC__/images/wl/footIco_6.jpg"  />
	<img src="__STATIC__/images/wl/footIco_8.jpg"  />
</div>


<div class="backtop"><img src="__STATIC__/images/backtop.png" /></div>
<style>
.backtop{position:fixed;bottom:20px;right:20px;z-index:999;display:none;cursor:pointer}
</style>
<script>

jQuery(window).scroll(function () {
    if (jQuery(window).scrollTop() > 150 ) {
        jQuery(".backtop").show();
    }else{
        jQuery(".backtop").hide();
    }
});
jQuery('.backtop').click(function(){jQuery('html,body').animate({scrollTop: '0px'}, 500);});
</script>

<!-- Google Code for &#23043;&#23043;&#36716;&#21270; Conversion Page -->
<script type="text/javascript">
	/* <![CDATA[ */
    var google_conversion_id = 952673475;
    var google_conversion_label = "j2IcCI6Gi4UBEMPJosYD";
    var google_remarketing_only = false;
	/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
	<div style="display:inline;">
		<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/952673475/?label=j2IcCI6Gi4UBEMPJosYD&amp;guid=ON&amp;script=0"/>
	</div>
</noscript>



<!-- Google Code for &#23043;&#23043;&#32852;&#31995;&#25105;&#20204; Conversion Page -->
<script type="text/javascript">
	/* <![CDATA[ */
    var google_conversion_id = 952673475;
    var google_conversion_label = "9v4XCJ-4i4UBEMPJosYD";
    var google_remarketing_only = false;
	/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
	<div style="display:inline;">
		<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/952673475/?label=9v4XCJ-4i4UBEMPJosYD&amp;guid=ON&amp;script=0"/>
	</div>
</noscript>
